@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
/* 去除iPhone中默认的input样式 */
input[type="submit"],

input[type="reset"],

input[type="button"],

input{-webkit-appearance:none; resize: none; outline:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #999; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #999; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #999; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #999; 
} 
select{
 /* appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;*/
  
 background: url(../images/down.png) no-repeat right #FF9900;  
}  
option{ color:#FFF;}  
  

/* 取消链接高亮  */
body{background:#F0F0F0;}
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {
display: block;
}
/* 图片自适应 */
img {
max-width: 100%;
height: auto;
width:auto\9; /* ie8 */
-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
vertical-align:middle;
}
/* 初始化 */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}
body{font: normal 12px/1.5 Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei; background-color:#f2f3f7;color:#333;}
em,i{font-style:normal;}
strong{font-weight: normal;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
a{text-decoration:none; color:#333; font-family:Microsoft YaHei,Tahoma,Arial,sans-serif;}
a:active{color:#333; text-decoration:none;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-family: Microsoft YaHei;}
img{border: none; vertical-align: top;}
body{
   overflow-x:hidden;
}

 /* 400 以下   400  -  480 一档  480 以上的是一档  */
 @media screen and (max-width:399px) {
    html{
        font-size: 15px;
    }
 }
 @media (min-width: 400px) and (max-width: 480px) {
    html{
        font-size: 20px;

    }
 }
 @media screen and (min-width: 481px) {
    html{
        font-size: 25px;    /* 最大档 */
    }
 }
.wrap{ max-width: 540px; min-width: 320px; margin-left: auto; margin-right: auto;height:100%;}
/*.header{ height:3.52rem;background:#393a3f;  line-height: 3.52rem;text-align: center; position: relative;  }
.header h3{font-size: 1.2rem;font-weight: normal;color:#fffcf9;}
.ico_left{color:#fff;}
.header .ico_left:before{ display: block; content: ""; border-bottom: 3px solid #fff; border-left: 3px solid #fff; margin-top: -0.6rem; transform: rotate(45deg); position: absolute; left: 1.2rem; top: 50%; width: 1.0rem; height: 1.0rem;}
.header .ico_left:after{display: block; content: "返回"; font-size: 1rem;  position: absolute; left: 2.5rem;}*/
.white{background:#fff;margin-bottom: 1.2rem;}
.color_h{color:#999;}
.bg_o{background:#f68e2d;}
 
.row {
  /*横*/
    display: -webkit-box;
    display: -webkit-flex; /* Safari */
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%; 
}
.col {/*列*/
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  width: 100%; 
}

.col-25 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; 
}


.col-33, .col-34 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 33.3333%;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%; 
}


.col-20 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%; 
}
